<template>
  <div id="detail">
    <p class="managedetail">组织详情</p>
    <div class="detabledetail">
      <el-table :data="detaildata" border style="width: 100%;margin-bottom:50px;">
        <el-table-column prop="date" label="名称" />
        <el-table-column prop="name" label="用户名" />
        <el-table-column prop="name" label="联系方式" />
        <el-table-column prop="address" label="创建时间" />
      </el-table>
      <el-table :data="detaildata" border style="width: 100%;margin-bottom:50px;">
        <el-table-column prop="date" label="上级用户" />
        <el-table-column prop="name" label="分组" />
        <el-table-column prop="name" label="所属组织" />
        <el-table-column prop="address" label="是否为管理员" />
      </el-table>
      <el-table :data="detaildata" border style="width: 100%">
        <el-table-column prop="date" label="账号状态" />
        <el-table-column prop="name" label="角色名" />
        <el-table-column prop="name" label="场地数" />
        <el-table-column prop="address" label="设备数" />
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      detaildata: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市'
      }]
    }
  }
}
</script>

<style lang="scss" scoped>
#detail {
  padding: 30px 30px;
  .managedetail {
    font-size: 22px;
    margin-bottom: 66px;
  }
  .detabledetail{
      width: 710px;
      margin: 20px auto;
  }
}
</style>
